<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>布局测试</title>
		<link rel="stylesheet" type="text/css" href="lib/jquery-easyui-1.5.3/themes/bootstrap/easyui.css">
        <link rel="stylesheet" type="text/css" href="lib/jquery-easyui-1.5.3/themes/icon.css">
		<script type="text/javascript" src="lib/jquery-easyui-1.5.3/jquery.min.js"></script>
		<script type="text/javascript" src="lib/jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
	</head>
	<body class="easyui-layout">
        <div data-options="region:'west',split:true,collapsible:false" style="width:300px" >
            <div class="easyui-layout" data-options="fit:true" >
            	   <div data-options="region:'north',title:'搜索栏',split:true" style="height:120px;padding: 10px;">
            	   	   <div style="margin-bottom: 10px;"><input class="easyui-textbox" data-options="prompt:'请输入标题'" style="width:100%;"></div>
            	   	   <div style="margin-bottom: 10px;"><select id="cc" class="easyui-combobox" name="dept" style="width:100%;">
					    <option value="aa">aitem1</option>
					    <option>bitem2</option>
					    <option>bitem3</option>
					    <option>ditem4</option>
					    <option>eitem5</option>
					</select>
					</div>
            	   </div>
               <div data-options="region:'center'">
               	  <ul class="easyui-datalist" title="公文列表" data-options="lines: true,fit:true">
				     <li value="AL">Alabama</li> 
				     <li value="AK">Alaska</li>
				     <li value="AZ">Arizona</li>
				     <li value="AR">Arkansas</li>
				     <li value="CA">California</li>
				     <li value="CO">Colorado</li>
				   </ul>
               </div>
            </div>        	
        </div>
        <div data-options="region:'center'" >
        	   <div id="tabl" class="easyui-tabs" data-option="fit:true" >
		    <div title="公文明细" style="padding:20px;display:none;">
		        tab1
		    </div>
		    <div title="流程明细" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">
		        tab2
		    </div>
		</div>
        </div>
    </body>
</html>
